<template>
    <div>
        <div class="userInfoBox">
            <img class="user-head" :src="$store.state.userInfo.avatar" alt="">
                 <div class="nameBox flex">
                           <p class="name">{{$store.state.userInfo.user_name}}</p>
                           <div class="vipBox flex flex-align-center flex-pack-center" :class="{'novip':$store.state.userInfo.is_expire == 1}">
                               <p>VIP</p>
                           </div>
                       </div>
            <p class="user-zh">账户类型:<span>{{$store.state.userInfo.member_type}}</span></p>
            <p class="user-time" v-if="$store.state.userInfo.use_end_time != '1970/01/01 08:00:00'">有效期截止:<span>{{$store.state.userInfo.use_end_time}}</span></p>
        </div>
    </div>
</template>
<script>
export default {
    data () {
        return {
            
        }
    },
    props: {
        userInfo:{
            type: Object,
        }
    }
}
</script>
<style lang="less" scoped>
@import url(../../../assets/css/usercenter/userinfo.less);
</style>


